<div id="contenedor" class="container">  

    <?php if (isset($mensaje)) { ?>
        <div id="mensaje" class="alert alert-success">
            <center><h4><?php echo $mensaje ?></h4></center>
        </div>
    <?php } ?>
    <div class="row-fluid">  
        <div class="span12"> 
            <div  class="row-fluid">
                <form class="form-horizontal" method="post" action="temporadas/guardar">  
                    <fieldset>  
                        <ul class="nav nav-tabs">
                            <li class="active"><a >Temporadas</a></li>
                            <li><a href="habitaciones">Listado de habitaciones</a></li>
                            <li><a href="tarifas">Tarifas</a></li>
                        </ul>

                        <div  class="row-fluid marco ">
                            <div id="temporadas">
                                <?php
                                $N = 0;
                                foreach ($temporadas as $temporada): $N++;
                                    ?>  

                                    <div class='row-fluid cargado' id="<?php echo "temp_" . $N; ?>" data-temporada="<?php echo $temporada->id_temporada; ?>">
                                        <div class='row-fluid'> 
                                            <div class='span12 titulo'> 
                                                <div class='span4 offset4'>
                                                    <label class='pull-left'>
                                                        <b><?php echo $temporada->nombre; ?></b> 
                                                        <input type="hidden" id="nombre_<?php echo $N; ?>"  name="nombre_<?php echo $N; ?>" value="<?php echo $temporada->nombre; ?>" />
                                                        <button type='button' id="cambiarTemp_<?php echo $N; ?>" class='btn btn-mini btn-inverse cambiar-nombre'>Cambiar nombre</button>
                                                        <button type='button' id="eliminarTemp_<?php echo $N; ?>" class='btn btn-mini btn-inverse eliminarTemporada' data-temporada="<?php echo $temporada->id_temporada; ?>"> Eliminar</button>
                                                    </label>
                                                </div> 
                                            </div> 
                                        </div>
                                        <div class='row-fluid'> 
                                            <div class='span12 contenido'>
                                                <div id="listaPeriodos_<?php echo $N; ?>" class='row-fluid'> 

                                                    <?php
                                                    $P = 0;
                                                    $periodos = $this->temporadasM->getPeriodos($temporada->id_temporada);
                                                    foreach ($periodos as $periodo):
                                                        $P++;
                                                        //var_dump($periodo);
                                                        ?> 

                                                        <div id="periodo_<?php echo "{$N}_{$P}" ?>" class="periodo">
                                                            <div class='span2'>
                                                                <label class='pull-right'>Desde:</label>
                                                            </div>
                                                            <div class='span2'>
                                                                <div class='input-prepend'>
                                                                    <!-- select desde  mes -->
                                                                    <select id="sdm_<?php echo "{$N}_{$P}" ?>" name="sdm_<?php echo "{$N}_{$P}" ?>" class="input-small select-mes actualizable" data-tipo="inicio" data-fecha="<?php echo $periodo->fecha_inicio; ?>">
                                                                        <option value="0"> Mes</option>
                                                                        <option value="1"> Enero</option>
                                                                        <option value="2"> Febrero</option>
                                                                        <option value="3"> Marzo</option>
                                                                        <option value="4"> Abril</option>
                                                                        <option value="5"> Mayo</option>
                                                                        <option value="6"> Junio</option>
                                                                        <option value="7"> Julio</option>
                                                                        <option value="8"> Agosto</option>
                                                                        <option value="9"> Septiembre</option>
                                                                        <option value="10"> Octubre</option>
                                                                        <option value="11"> Noviembre</option>
                                                                        <option value="12"> Diciembre</option>                                                                
                                                                    </select>    
                                                                    <!-- select desde  dia -->
                                                                    <select id="sdd_<?php echo "{$N}_{$P}" ?>" name="sdd_<?php echo "{$N}_{$P}" ?>" class="input-small actualizable" disabled> 
                                                                        <option> Día</option>                                                               
                                                                    </select>   
                                                                </div> 
                                                            </div> 

                                                            <div class='span2'>
                                                                <label class='pull-right'>Hasta:</label>
                                                            </div>
                                                            <div class='span2'>
                                                                <div class='input-prepend'>
                                                                    <!-- select hasta  mes -->
                                                                    <select id="shm_<?php echo "{$N}_{$P}" ?>" name="shm_<?php echo "{$N}_{$P}" ?>"   class="input-small select-mes actualizable" data-tipo="fin" data-fecha="<?php echo $periodo->fecha_fin; ?>">
                                                                        <option value="0"> Mes</option>
                                                                        <option value="1"> Enero</option>
                                                                        <option value="2"> Febrero</option>
                                                                        <option value="3"> Marzo</option>
                                                                        <option value="4"> Abril</option>
                                                                        <option value="5"> Mayo</option>
                                                                        <option value="6"> Junio</option>
                                                                        <option value="7"> Julio</option>
                                                                        <option value="8"> Agosto</option>
                                                                        <option value="9"> Septiembre</option>
                                                                        <option value="10"> Octubre</option>
                                                                        <option value="11"> Noviembre</option>
                                                                        <option value="12"> Diciembre</option>                                                                
                                                                    </select>    
                                                                    <!-- select hasta dia -->
                                                                    <select id="shd_<?php echo "{$N}_{$P}" ?>" name="shd_<?php echo "{$N}_{$P}" ?>"  class="input-small actualizable" disabled> 
                                                                        <option>Día</option>                                                               
                                                                    </select>   
                                                                </div> 
                                                            </div>
                                                            <div class='span2 offset1'>
                                                                <label class='pull-right'>
                                                                    <button id="eliminarPeriodo_<?php echo "{$N}_{$P}"; ?>" class='btn btn-mini btn-inverse <?php if ($P == '1') echo "hide"; ?> eliminarPeriodo actualizable'>Eliminar periodo </button>
                                                                </label>
                                                            </div> 
                                                        </div>

                                                    <?php endforeach; ?>


                                                </div>
                                                <br> 
                                                <div class='row-fluid'> 
                                                    <div class='span2 offset2'>
                                                        <button  id="nuevoPeriodo_<?php echo $N; ?>" class='btn btn-mini btn-inverse nuevoPeriodo' data-periodos="<?php echo $P; ?>" >Nuevo periodo </button>
                                                    </div>
                                                </div>
                                            </div> 
                                        </div> 
                                    </div>


                                <?php endforeach; ?>

                                <!--Guardamos la info -->
                                <input type="hidden" id="nTemporadas" name="nTemporadas" />
                                <input type="hidden" id="nPeriodos" name="nPeriodos" />
                                <input type="hidden" id="deletes" name="deletes" />
                                <input type="hidden" id="temporadasCargadas" value="<?php echo $N; ?>"name="temporadasCargadas" />
                                <input type="hidden" id="cargado" name="cargados" />



                            </div>

                            <div class="form-actions">  
                                <div class="span2"> </div>
                                <button id="nuevaTemporada" class="btn btn-inverse" data-temporadas="<?php echo $N; ?>" >Nueva Temporada</button>  
                                <button id="verDivs" type="submit" class="btn">Guardar </button>  
                            </div>
                            <div class="row-fluid">
                                <div class="alert alert-info span12 ">
                                    <strong>Nota:</strong> Al crear una nueva temporada, el sistema asignar&aacute; tarifas de <?php echo $_SESSION["establecimiento"]["moneda"] ?>0 para cada habitaci&oacute;n en dicha temporada. Recuerde cambiar estos valores <a href="tarifas">aqu&iacute;.</a>
                                </div>
                            </div>
                        </div>


                    </fieldset>
                </form>   


                <!--CLON  -->


                <div class='row-fluid hide' id="clon">
                    <div class='row-fluid'> 
                        <div class='span12 titulo'> 
                            <div class='span4 offset4'>
                                <label class='pull-left'>
                                    <b>Predeterminada</b> 
                                    <input type="hidden" id="nombre"  />
                                    <button type='button' id="cambiarTemp" class='btn btn-mini btn-inverse cambiar-nombre'>Cambiar nombre</button>
                                    <button type='button' id="eliminarTemp" class='btn btn-mini btn-inverse eliminarTemporada' >Eliminar</button>
                                </label>
                            </div> 
                        </div> 
                    </div>
                    <div class='row-fluid'> 
                        <div class='span12 contenido'>
                            <div id="listaPeriodos" class='row-fluid'> 
                                <div id="periodo" class="periodo">
                                    <div class='span2'>
                                        <label class='pull-right'>Desde:</label>
                                    </div>
                                    <div class='span2'>
                                        <div class='input-prepend'>
                                            <!-- select desde  mes -->
                                            <select id="sdm_" class="input-small select-mes" data-tipo="inicio">
                                                <option value="0"> Mes</option>
                                                <option value="1"> Enero</option>
                                                <option value="2"> Febrero</option>
                                                <option value="3"> Marzo</option>
                                                <option value="4"> Abril</option>
                                                <option value="5"> Mayo</option>
                                                <option value="6"> Junio</option>
                                                <option value="7"> Julio</option>
                                                <option value="8"> Agosto</option>
                                                <option value="9"> Septiembre</option>
                                                <option value="10"> Octubre</option>
                                                <option value="11"> Noviembre</option>
                                                <option value="12"> Diciembre</option>                                                                
                                            </select>    
                                            <!-- select desde  dia -->
                                            <select id="sdd_" class="input-small " disabled > 
                                                <option> Día</option>                                                               
                                            </select>   
                                        </div> 
                                    </div> 

                                    <div class='span2'>
                                        <label class='pull-right'>Hasta:</label>
                                    </div>
                                    <div class='span2'>
                                        <div class='input-prepend'>
                                            <!-- select hasta  mes -->
                                            <select id="shm_" class="input-small select-mes" data-tipo="fin">
                                                <option value="0"> Mes</option>
                                                <option value="1"> Enero</option>
                                                <option value="2"> Febrero</option>
                                                <option value="3"> Marzo</option>
                                                <option value="4"> Abril</option>
                                                <option value="5"> Mayo</option>
                                                <option value="6"> Junio</option>
                                                <option value="7"> Julio</option>
                                                <option value="8"> Agosto</option>
                                                <option value="9"> Septiembre</option>
                                                <option value="10"> Octubre</option>
                                                <option value="11"> Noviembre</option>
                                                <option value="12"> Diciembre</option>                                                                
                                            </select>    
                                            <!-- select hasta dia -->
                                            <select id="shd_" class="input-small" disabled> 
                                                <option>Día</option>                                                               
                                            </select>   
                                        </div> 
                                    </div>
                                    <div class='span2 offset1'>
                                        <label class='pull-right'>
                                            <button id="eliminarPeriodo" class='btn btn-mini btn-inverse hide eliminarPeriodo'>Eliminar periodo </button>
                                        </label>
                                    </div> 
                                </div>
                            </div>
                            <br> 
                            <div class='row-fluid'> 
                                <div class='span2 offset2'>
                                    <button  id="nuevoPeriodo" class='btn btn-mini btn-inverse nuevoPeriodo'>Nuevo periodo </button>
                                </div>
                            </div>
                        </div> 
                    </div> 
                </div>

                <!--FIN CLON -->




            </div>
        </div> 
    </div>
</div>

<a id="agregarTemporada"  class="hide" href="#modalAgregarTemporada" data-toggle="modal">click</a>
<a id="editarTemporada"  class="hide" href="#modalEditarTemporada" data-toggle="modal">click</a>


<!-- M O D A L   N U E V A   temporada-->
<div id="modalAgregarTemporada" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" id="tituloTipo">Nueva Temporada</h4>

    </div>
    <div class="modal-body">      
        <div id="error-nombre-temporada" class="hide alert"><center>El nombre de la temporada es obligatorio</center></div>
        <input id="mTipo" type="hidden" name="tipo">
        <div class="row-fluid"> 
            <div class="span5">
                <label  class="pull-right">Nombre:</label>
            </div>                
            <div class="span7">
                <input  id="valorNombreTemporada" type="text" name="nombre" value="" required>
            </div>
        </div>
        <div class="modal-footer">
            <button id="cancelarNombreTemporada" class="btn" data-dismiss="modal">Cancelar</button>
            <button id="guardarNombreTemporada" class="btn btn-inverse">Guardar</button>
        </div>        
    </div>
</div>


<!-- M O D A L   N U E V A   temporada-->
<div id="modalEditarTemporada" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="alingCenter" id="tituloTipo">Editar Temporada</h4>

    </div>
    <div class="modal-body">
        <div id="error-editar-nombre-temporada" class="hide alert"><center>El nombre de la temporada es obligatorio</center></div>
        <input id="mTipo" type="hidden" name="tipo">
        <div class="row-fluid">                
            <div class="span5">
                <label  class="pull-right">Nombre:</label>
            </div>                
            <div class="span7">
                <input  id="valorEditarNombreTemporada" type="text" name="nombre" required>
            </div>
        </div>
        <div class="modal-footer">
            <button id="cancelarEditarNombreTemporada" class="btn" data-dismiss="modal">Cancelar</button>
            <button id="editarNombreTemporada" class="btn btn-inverse">Guardar</button>
        </div>        
    </div>
</div>


